<!--DOCTYPE文档描述标签：告诉浏览器我们使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<head>
    <!--meat：描述形标签，用来描述网站的一些信息-->
    <meta charset="UTF-8">
    <meta name="keyword" ,content="我在学习">
    <!--title：网页标题-->
    <title>Title</title>
</head>
<body>
<a name="top"></a>
<!--标题标签-->
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>

<!--段落标签-->
<p>两只老虎</p>
<p>两只老虎</p>
<p>跑得快</p>

<!--水平线标签-->
<hr/>

<!--换行标签-->
两只老虎<br/>
两只老虎<br/>
跑得快<br/>

<!--粗体、斜体标签-->
<strong>文字变粗</strong>
<br/>
<em>文字变斜</em>
<br/>
<hr/>

<!--特殊符号-->
空格：&nbsp;
<br/>
大于号：&gt;
<br/>
小于号：&lt;
<br/>
版权符号：&copy;
<br/>

<!--图片标签-->
<img src="../resources/imgs/1.jpg" alt="一条消息通知" title="您有一条新的消息！" width="100" height="100">
<br/>

<!--超链接标签-->
<p><a href="https:www.baidu.com">点我跳转百度</a></p>
<p><a href="https:www.baidu.com" target="_blank">点我跳转到新页面访问百度</a></p>
<p><a href="https:www.baidu.com" target="_self">点我当前页面访问百度</a></p>
<a href="https:www.baidu.com">
    <img src="../resources/imgs/1.jpg" alt="一条消息通知" title="点我可以跳转百度！！" width="50" height="50">
</a>
<!--
锚链接
1：定义一个锚<a name="top"></a>
2：<a href="#top">回到顶部</a>
-->
<br/>
<a href="#top">回到顶部</a>
<!--
功能性链接
1：邮箱 mailto:xxx.com
2：QQ链接
-->
<p><a href="mailto:211145@qq.com">点我发起邮箱</a></p>
<p>
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2114512549&site=qq&menu=yes">
        <img src="http://wpa.qq.com/pa?p=2:3153717369:52" alt="点击这里给我发消息" title="点击这里给我发消息"/>
    </a>
</p>

<!--无序标签-->
<ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
</ul>

<!--有序标签-->
<ol>
    <li>111</li>
    <li>222</li>
    <li>333</li>
</ol>

<!--自定义列表-->
<dl>
    <dt>标题</dt>
    <dd>哈</dd>
    <dd>哈哈</dd>
    <dd>哈哈哈</dd>
    <dd>哈哈哈哈</dd>
    <dd>哈哈哈哈哈</dd>
</dl>

<!--表格标签  跨列：colspan，跨行：rowspan-->
<table border="1px">
    <tr>
        <td colspan="3">1-1</td>
    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
    </tr>
</table>

<!--视频标签  进度控制条：controls，自动播放：autoplay-->
<video src="xxx" controls autoplay></video>
<br/>

<!--音频标签-->
<audio src="../resources/audio/萤火虫和你.mp3" controls autoplay></audio>
<br/>

<!--iframe嵌套框架-->
<iframe src="https://www.bilibili.com/video/BV1x4411V75C?p=11&spm_id_from=pageDriver&vd_source=1700cb16106eaf182f5f0c08f46e4302"
        name="baidu"></iframe>
<br/>
<!--超链接定向访问iframe嵌套-->
<a href="https://www.baidu.com/" target="baidu">点击跳转iframe嵌套的百度页面</a>


<p>
    <button onclick="alert('清除缓存成功！')">清除缓存</button>
</p>


</body>
</html>

<script>

</script>